<%@ taglib prefix="html" uri="http://struts.apache.org/tags-html"%>
<%@ taglib prefix="bean" uri="http://struts.apache.org/tags-bean"%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Human Resource Entry</title>
        <link rel="stylesheet" type="text/css" href="./css/style.css" />
        <link rel="stylesheet" type="text/css" href="./css/menu.css" />
        <script type="text/javaScript" src="./scripts/jquery-1.6.2.js"></script>
    </head>
    <body class="loginform" style="background: url(images/Login_Page_Background.jpg)">

	<html:form action="/login.do">  
	<div style="position: relative">

		<div class="loginform">
			<div id="top-menu" style="margin-top: 16px">
			</div>
			<table align="center" style="margin-top: 80px">
				<tr>
					<td>
						<div id="circle" onclick="activeLogin()">
							<table align="center" id="table-Login" >
							<tbody id="tbody-Login">
								<tr id="login-Access-1" style="margin: 100px 0px 0px 20px" class="loginBox-Access">
									<td colspan="2" id="login-Access-1-td">
										<div style="font-size: 14px; font-weight: bold" id="login-Access-1-div">PLEASE LOGIN...</div>
										<span id="errorMessage" style="color: red;font-weight: bold; font-size: 10px; margin-left: 15px"><html:errors  property="error"/></span>
									</td>
								</tr>
								<tr id="login-Access-2" class="loginBox-Access">
									<td id="login-Access-2-td-1">
										<html:text property="username" styleClass="loginTextbox" styleId="acc_id" style="margin-left: 15px"/>
									</td>
									<td id="login-Access-2-td-2">
										<div class="userIcon" id="login-Access-2-div"></div>
									</td>
								</tr>
								<tr id="login-Access-3" class="loginBox-Access">
									<td id="login-Access-3-td-1">
										<html:password property="password" styleClass="loginTextbox" styleId="pass_id" style="margin-left: 15px"/>
									</td>
									<td id="login-Access-3-td-2">
										<div class="passwordIcon" id="login-Access-3-div"></div>
									</td>
								</tr>
								<tr id="login-Access-4" class="loginBox-Access">
									<td id="login-Access-4-td">
										<input type="submit" name="button" id="button_id" class="loginbtn" value="LOGIN" style="margin-left: 15px"/>
									</td>
								</tr>
							</tbody>
							</table>
						</div>
					</td>
				</tr>
			</table>
			
			<table align="center" style="margin-top: 110px">
				<tr>
					<td align="center">
						<div class="loginLine"></div>
					</td>
				</tr>
				<tr>
					<td align="center"> 
						<div class="loginAbout">
							Copyright 2013 © Tsunami Team. All Rights Reserved.  
					   </div>
					</td>
				</tr>
			</table>
		</div>
	</div>
	</html:form>
  </body>
</html> 